<%@include file="/WEB-INF/common/taglibs.jsp"%>
<script type="text/javascript"
	src="${ctx}/resources/theme/supr/plugins/forms/dualselect/jquery.dualListBox-1.3.min.js"></script>
<script src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/ckfinder/ckfinder.js"></script>
<script type="text/javascript"
	src="${supr}/js/supr-theme/jquery-ui-timepicker-addon.js"></script>

<script>
$(document).ready(function(){
	$("form.form-horizontal.seperator[method='post']").validate();
	$.configureBoxes();
});

</script>

 

 
 <div class="row-fluid">
                   	<form class="form-horizontal seperator" method="post">
                        <div class="span12">
                            <div class="box gradient">
                            <div class="title">
                                <h4>
									<span class="icon16 icomoon-icon-equalizer-2"></span>
									<span>Post </span>
 								</h4>
								<a href="#" class="minimize">Minimize</a>
                            </div>
                            
                            <div class="content">
                                <ul id="myTab" class="nav nav-tabs pattern">
                                    <li class="active"><a href="#general" data-toggle="tab">General</a></li>
                                    <li><a href="#meta" data-toggle="tab">Meta</a></li> 
                                    <li><a href="#link" data-toggle="tab">Link</a></li> 
                                    <li><a href="#status" data-toggle="tab">Status</a></li> 
                                    <li><a href="#statistics" data-toggle="tab">Statistics</a></li> 
									<li><a href="#write" data-toggle="tab">Content</a></li> 
                                </ul>


                                <div class="tab-content tab-content-no-border">
                                    <div class="tab-pane fade in active" id="general">
                                     <div class="span12">
<!--title --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="title">Title :</label><input class="span4" id="title" name="title"   type="text" value="<c:out value="${entity.title }"></c:out>" /></div></div></div>
<!--keyUrl --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="keyUrl">KeyUrl :</label><input class="span4" id="keyUrl" name="keyUrl"   type="text" value="${entity.keyUrl}" /></div></div></div>
<!--auth --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="auth">Auth :</label><input class="span4" id="auth" name="auth"   type="text" value="${entity.auth}" /></div></div></div>
<!--category --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3">Default category :</label><div class="span4 controls"><select name="categoryId"><c:if test="${not empty categories}"><c:forEach var="single" items="${categories}"><option value="${single.id}"${(single.id == entity.category.id)?'selected':'' }>${single.name}</option></c:forEach></c:if></select></div></div></div></div>
<!--createDate --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="createDate">CreateDate :</label><input class="span4 datetimepicker" id="createDate" name="createDate" type="text" value="<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${entity.createDate}" />" /></div></div></div>
<!--effectDay --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="effectDay">EffectDay :</label><input class="span4 datetimepicker" id="effectDay" name="effectDay" type="text" value="<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${entity.effectDay}" />" /></div></div></div>
<!--coverURL --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3 " for="coverURL">CoverURL :</label><input class="span4 ckfile" id="coverURL" name="coverURL"   type="text" value="${entity.coverURL}" /></div></div></div>
<!--picURL --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="picURL">PicURL :</label><input class="span4 ckfile" id="picURL" name="picURL"   type="text" value="${entity.picURL}" /></div></div></div>

</div>
                                       
                                       
                                    </div>
  <div class="tab-pane fade" id="meta">
<!--title --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="title">Title :</label><input class="span4" id="metaInfo.title" name="metaInfo.title"   type="text" value="${entity.metaInfo.title}" /></div></div></div>
<!--metaKeywords --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="metaKeywords">Meta Keywords :</label><input class="span4" id="metaKeywords" name="metaInfo.metaKeywords"   type="text" value="${entity.metaInfo.metaKeywords}" /></div></div></div>
<!--metaTitle --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="metaTitle">Meta Title :</label><input class="span4" id="metaTitle" name="metaInfo.metaTitle"   type="text" value="${entity.metaInfo.metaTitle}" /></div></div></div>
<!--metaDescription --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="metaDescription">Meta Description :</label><input class="span4" id="metaDescription" name="metaInfo.metaDescription"   type="text" value="${entity.metaInfo.metaDescription}" /></div></div></div>
<!--metaOg --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="metaOg">Meta Og :</label><textarea name="metaInfo.metaOg" class="span4 limit elastic" id="metaOg" rows="3" cols="5">${entity.metaInfo.metaOg}</textarea></div></div></div>

                                     </div>
                                     
<div class="tab-pane fade" id="status">
<!--online --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="online">Online :</label><div class="left marginT5 marginR10"><div class="radio" id="uniform-online1"><span class="<c:if test="${entity.online }">checked</c:if>"><input type="radio" name="online" id="online1" value="true" <c:if test="${entity.online}">checked="checked"</c:if> style="opacity: 0;"></span></div>True</div><div class="left marginT5 marginR10"><div class="radio" id="uniform-online2"><span class="<c:if test="${!entity.online}">checked</c:if>"><input type="radio" <c:if test="${!entity.online}">checked="checked"</c:if>name="online" id="online2" value="false" style="opacity: 0;"></span></div>False</div></div></div></div>
<!--topBlog --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="topBlog">TopBlog :</label><div class="left marginT5 marginR10"><div class="radio" id="uniform-topBlog1"><span class="<c:if test="${entity.topBlog }">checked</c:if>"><input type="radio" name="topBlog" id="topBlog1" value="true" <c:if test="${entity.topBlog}">checked="checked"</c:if> style="opacity: 0;"></span></div>True</div><div class="left marginT5 marginR10"><div class="radio" id="uniform-topBlog2"><span class="<c:if test="${!entity.topBlog}">checked</c:if>"><input type="radio" <c:if test="${!entity.topBlog}">checked="checked"</c:if>name="topBlog" id="topBlog2" value="false" style="opacity: 0;"></span></div>False</div></div></div></div>
<!--recommended --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="recommended">Recommended :</label><div class="left marginT5 marginR10"><div class="radio" id="uniform-recommended1"><span class="<c:if test="${entity.recommended }">checked</c:if>"><input type="radio" name="recommended" id="recommended1" value="true" <c:if test="${entity.recommended}">checked="checked"</c:if> style="opacity: 0;"></span></div>True</div><div class="left marginT5 marginR10"><div class="radio" id="uniform-recommended2"><span class="<c:if test="${!entity.recommended}">checked</c:if>"><input type="radio" <c:if test="${!entity.recommended}">checked="checked"</c:if>name="recommended" id="recommended2" value="false" style="opacity: 0;"></span></div>False</div></div></div></div>
</div>                                     
                                     
                                     
                                     
  <div class="tab-pane fade" id="link">
<div class="form-row row-fluid">
							<div class="span12">
								<div class="leftBox">
									<div class="searchBox">
										<input type="text" id="box1Filter" class="searchField"
											placeholder="filter ..." />
										<button id="box1Clear" type="button" class="btn">
											<span class="icon12  icomoon-icon-cancel-circle"></span>
										</button>
									</div>

									<select id="box1View" multiple="multiple"
										class="multiple nostyle" style="height: 300px;">
										<c:forEach var="pend" items="${pending}">
											<option value="${pend.id}">${pend.categoryName}</option>
										</c:forEach>
									</select> <br /> <span id="box1Counter" class="count"></span>

									<div class="dn">
										<select id="box1Storage" name="box1Storage" class="nostyle"></select>
									</div>
								</div>

								<div class="dualBtn">

									<button id="to2" type="button" class="btn">
										<span class="icon12 minia-icon-arrow-right-3"></span>
									</button>
									<button id="allTo2" type="button" class="btn">
										<span class="icon12 iconic-icon-last"></span>
									</button>
									<button id="to1" type="button" class="btn marginT5">
										<span class="icon12 minia-icon-arrow-left-3"></span>
									</button>
									<button id="allTo1" type="button" class="btn marginT5">
										<span class="icon12 iconic-icon-first"></span>
									</button>

								</div>

								<div class="rightBox">
									<div class="searchBox">
										<input type="text" id="box2Filter" class="searchField"
											placeholder="filter ..." />
										<button id="box2Clear" type="button" class="btn">
											<span class="icon12  icomoon-icon-cancel-circle"></span>
										</button>
									</div>
									<select id="box2View" multiple="multiple"
										class="multiple nostyle" style="height: 300px;" name="selectedIds">
										<c:forEach var="exist" items="${existing}">
											<option value="${exist.id}">${exist.categoryName}</option>
										</c:forEach>


									</select> <br /> <span id="box2Counter" class="count"></span>

									<div class="dn">
										<select id="box2Storage" class="nostyle"></select>
									</div>
								</div>

							</div>
</div>

                                     </div>                                    
                                  <div class="tab-pane fade" id="statistics">
									<div class="span12">
<!--visitCount --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="visitCount">VisitCount :</label><input class="span4" id="visitCount" name="visitCount"   type="text" value="${entity.visitCount}" /></div></div></div>
                                </div>
							</div>          
                                     
                                     
                                    <div class="tab-pane fade" id="write">
									<div class="span12">
			<!--summary --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="summary">Summary :</label><textarea name="summary" class="span4 ckeditor" id="summary" rows="3" cols="5"><c:out value="${entity.summary}"></c:out></textarea></div></div></div>									
			<!--content --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="content">content :</label><textarea name="content" class="span4 ckeditor" id="content" rows="3" cols="5"><c:out value="${entity.content}"></c:out></textarea></div></div></div>
                                </div>
							</div>
								</div>
                 </div>  <div class="form-row row-fluid">
				<div class="span12">
					<div class="row-fluid">
						<div class="form-actions">
							<div class="span3"></div>
							<div class="span4 controls">
								<button type="submit" class="btn btn-info marginR10">Save
									changes</button>
 							</div>
						</div>
					</div>
				</div>
			</div>
 							</div>
 							
                        </div><!-- End .span6 -->  
 </form>
                    </div><!-- End .row-fluid -->